@import "@/assets/iconfonts/iconconfig.scss";
@import "@/assets/fonts/fonts.scss";
@import "@/assets/css/animation/index.scss";
@import "@/assets/css/btn.scss";

:root {
  /*文字颜色*/
  --text-color: rgb(0, 0, 0);
  --text-color-rgba: var(--bg-light-rgba-7);
  --text-active-color: rgb(226, 171, 144);
  /*部分配色*/
  --text-color-light-red: #FF6A6A;
  /*灰色*/
  --text-grey-light: rgb(153, 153, 153);
  --text-grey-light-1: rgba(153, 153, 153, 0.1);
  --text-grey-light-2: rgba(153, 153, 153, 0.2);
  --text-grey-light-3: rgba(153, 153, 153, 0.3);
  --text-grey-light-4: rgba(153, 153, 153, 0.4);
  --text-grey-light-5: rgba(153, 153, 153, 0.5);
  --text-grey-light-6: rgba(153, 153, 153, 0.6);
  --text-grey-light-7: rgba(153, 153, 153, 0.7);
  --text-grey-light-8: rgba(153, 153, 153, 0.8);
  --text-grey-light-9: rgba(153, 153, 153, 0.9);
  /*高亮色*/
  --bg-light-rgb: rgb(255, 255, 255);
  --bg-light-rgba-1: rgba(255, 255, 255, 0.1);
  --bg-light-rgba-2: rgba(255, 255, 255, 0.2);
  --bg-light-rgba-3: rgba(255, 255, 255, 0.3);
  --bg-light-rgba-4: rgba(255, 255, 255, 0.4);
  --bg-light-rgba-5: rgba(255, 255, 255, 0.5);
  --bg-light-rgba-6: rgba(255, 255, 255, 0.6);
  --bg-light-rgba-7: rgba(255, 255, 255, 0.7);
  --bg-light-rgba-8: rgba(255, 255, 255, 0.8);
  --bg-light-rgba-9: rgba(255, 255, 255, 0.9);
  /*暗色*/
  --text-deep: rgb(0, 0, 0);
  --text-deep-rgba-1: rgba(0, 0, 0, 0.1);
  --text-deep-rgba-2: rgba(0, 0, 0, 0.2);
  --text-deep-rgba-3: rgba(0, 0, 0, 0.3);
  --text-deep-rgba-4: rgba(0, 0, 0, 0.4);
  --text-deep-rgba-5: rgba(0, 0, 0, 0.5);
  --text-deep-rgba-6: rgba(0, 0, 0, 0.6);
  --text-deep-rgba-7: rgba(0, 0, 0, 0.7);
  --text-deep-rgba-8: rgba(0, 0, 0, 0.8);
  --text-deep-rgba-9: rgba(0, 0, 0, 0.9);
  /*按钮*/
  --btn-primary: #E8F4FF;
  --btn-primary-text: #6F90FF;
  --btn-primary-hover: #1890FF;
  --btn-primary-text-hover: #FFFFFF;
  --btn-primary-border: #409eff;

  --btn-info: #E8F4FF;
  --btn-info-text: rgba(17, 182, 141, 0.9);
  --btn-info-hover: rgba(17, 182, 141, 0.5);
  --btn-info-text-hover: #FFFFFF;
  --btn-info-border: rgba(17, 182, 141, 0.5);

  --btn-confirm: #E8F4FF;
  --btn-confirm-text: rgba(121, 187, 255, 0.9);
  --btn-confirm-hover: rgba(121, 187, 255, 0.5);
  --btn-confirm-text-hover: #FFFFFF;
  --btn-confirm-border: rgba(121, 187, 255, 0.5);

  --btn-error: #FFFFFF;
  --btn-error-text: #f89898;
  --btn-error-hover: #f56c6c;
  --btn-error-text-hover: #FFFFFF;
  --btn-error-border: #f89898;

  --btn-warning: #FFFFFF;
  --btn-warning-text: #eebe77;
  --btn-warning-hover: #e6a23c;
  --btn-warning-text-hover: #FFFFFF;
  --btn-warning-border: #eebe77;

  /*表单相关*/
  --zoey-bg-input: #ECECEC;
  --zoey-form-title-text: #828380;
  --zoey-form-input-text: #6F6F6C;
  /*其他配色方案*/
  --text--tip: #3EAF7C;
  --my-dark-light-1: #805398;
  --zoey-bg-menu: #0B2D4D;
  --zoey-bg-head: #018CB6;
  --zoey-bg-top: #FAF8F6;
  --zoey-bg-bottom: #F0F5F5;

  --zoey-color-primary: #409eff;
  --zoey-color-primary-light-3: #79bbff;
  --zoey-color-primary-light-5: #a0cfff;
  --zoey-color-primary-light-7: #c6e2ff;
  --zoey-color-primary-light-8: #d9ecff;
  --zoey-color-primary-light-9: #ecf5ff;
  --zoey-color-primary-dark-2: #337ecc;
  --zoey-color-success: #67c23a;
  --zoey-color-success-light-3: #95d475;
  --zoey-color-success-light-5: #b3e19d;
  --zoey-color-success-light-7: #d1edc4;
  --zoey-color-success-light-8: #e1f3d8;
  --zoey-color-success-light-9: #f0f9eb;
  --zoey-color-success-dark-2: #529b2e;
  --zoey-color-warning: #e6a23c;
  --zoey-color-warning-light-3: #eebe77;
  --zoey-color-warning-light-5: #f3d19e;
  --zoey-color-warning-light-7: #f8e3c5;
  --zoey-color-warning-light-8: #faecd8;
  --zoey-color-warning-light-9: #fdf6ec;
  --zoey-color-warning-dark-2: #b88230;
  --zoey-color-danger: #f56c6c;
  --zoey-color-danger-light-3: #f89898;
  --zoey-color-danger-light-5: #fab6b6;
  --zoey-color-danger-light-7: #fcd3d3;
  --zoey-color-danger-light-8: #fde2e2;
  --zoey-color-danger-light-9: #fef0f0;
  --zoey-color-danger-dark-2: #c45656;
  --zoey-color-error: #f56c6c;
  --zoey-color-error-light-3: #f89898;
  --zoey-color-error-light-5: #fab6b6;
  --zoey-color-error-light-7: #fcd3d3;
  --zoey-color-error-light-8: #fde2e2;
  --zoey-color-error-light-9: #fef0f0;
  --zoey-color-error-dark-2: #c45656;
  --zoey-color-info: #909399;
  --zoey-color-info-light-3: #b1b3b8;
  --zoey-color-info-light-5: #c8c9cc;
  --zoey-color-info-light-7: #dedfe0;
  --zoey-color-info-light-8: #e9e9eb;
  --zoey-color-info-light-9: #f4f4f5;
  --zoey-color-info-dark-2: #73767a;
  --zoey-bg-color: #ffffff;
  --zoey-bg-color-page: #f2f3f5;
  --zoey-bg-color-overlay: #ffffff;
  --zoey-text-color-primary: #303133;
  --zoey-text-color-regular: #606266;
}

/* 页面元素整体设置*/
* {
  user-select: none;
  margin: 0;
  padding: 0;

  a {
    text-decoration: none;
  }

  ul, ol {
    list-style: none;
  }

  :focus {
    outline: none;
  }
}

/*
  此处为根元素 fontsize大小
  当前设置为 10px，表示 1rem=10px
  注意：本身带有fontsize属性的标签可能会有不同，例如 h1、h2...等标签可能并非期望值，所以建议这类标签自己写样式
*/
html, body {
  overflow-y: hidden;
  overflow-x: hidden;
  font-family: 'HarmonyOS Sans', sans-serif;
}

/*滚动条整体样式*/
::-webkit-scrollbar {
  display: flex;
  width: 0.5rem; /*高宽分别对应横竖滚动条的尺寸*/
  height: 0.5rem; /*表示水平方向的滚动条高度*/
}

::-webkit-scrollbar-thumb { /*滚动条里面小方块*/
  border-radius: 0.2rem;
  -webkit-box-shadow: inset 0 0 0.1rem rgba(#ccc, 0.4);
  background: rgba(#000, 0.1);
}

::-webkit-scrollbar-thumb:hover {
  border-radius: 0.2rem;
  -webkit-box-shadow: inset 0 0 0.1rem rgba(#fff, 0.2);
  background: rgba(#000, 0.2);
}

::-webkit-scrollbar-track { /*滚动条里面轨道*/
  border-radius: 0.2rem;
  //background: rgba(#fff, 0.1);
  opacity: 0;
}







